<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" type='text/css' href='./css/category.css' />
</head>
<body>
    <div class="header">
        <div class="header-l">
            <a class="logo" href="/"></a>
            <p>
                <a href="./login.html">登录</a>|
                <a href="./register.html">注册</a>
            </p>
        </div>
        <div class="header-r">
            <ul>
                <li><a href="js:">我的安踏</a></li>|
                <li><a href="js:">品牌官网</a></li>|
                <li><a href="js:"><i class='icon icon-shop'></i>手机商城</a></li>|
                <li><a href="js:">企业团购</a></li>|
                <li><a href="js:"><i class='icon icon-cart'></i>购物车(<span class="total-num">0</span>)件</a></li>
            </ul>
        </div>
    </div>
    <div class="category">
        <div class="category-all"><a href="./category.html">所有商品分类</a></div>
        <ul class="category-list">
            <li><a href="js:">首页</a></li>
            <li><a href="js:">跑步</a></li>
            <li><a href="js:">篮球</a></li>
            <li><a href="js:">足球</a></li>
            <li><a href="js:">健身</a></li>
            <li><a href="js:">休闲</a></li>
            <li><a href="js:">配件</a></li>
            <li><a href="js:">儿童</a></li>
            <li><a href="js:"></a></li>
        </ul>
        <div class="category-search"><input type='text' /><a class="icon-search"></a></div>	
    </div>

    <div class="sliderBar">
			<div class="sliderBar-list">
				<div class="user-login">
					<a class="sliderBar-logo" href='login.html'></a>
				</div>
				<div class="user-cart">
					<div class="sliderBar-logo"></div>
					<div class="user-cart-text">购物车</div>
				</div>
				<div class="user-like"><div class="sliderBar-logo"></div></div>
				<div class="user-saw"><div class="sliderBar-logo"></div></div>
				<div class="user-tel"><div class="sliderBar-logo"></div></div>
				<div class="user-service"><div class="sliderBar-logo"></div></div>
				<div class="user-qrcode"><div class="sliderBar-logo"></div></div>
				<div class="gotoTop"><div class="sliderBar-logo"></div></div>
			</div>
			<div class="sliderBar-box">
				<div class="cart-title">
					<input type="checkbox">
					<span>全选</span>
					<a>查看更多</a>
				</div>	
				<table class="cart-list">
					<tr class="cart-item">
						<td width='25'><input type="checkbox"></td>
						<td width='60'><a><img src='http://image03.anta.cn/sources/goods/11928852R/11928852R_1_01.jpg'></a></td>
						<td width='70'><span class="goods-title">春夏季潮流复古鞋运动鞋休闲鞋</span></td>
						<td width='65'>
							<div class="goods-numb">
								<a>-</a>
								<span>1</span>
								<a>+</a>
							</div>
						</td>
						<td width='60'>
							<div class="delete-goods">x</div>
							<div class="goods-price">399</div>
						</td>
					</tr>
				</table>
				<div class="account-box">
					<div class="total">
						<p class="total-count">已选<span>0</span>件</p>
						<p class="total-price">￥<span>0.00</span></p>
					</div>
					<div class="goCartPage">
						<a href="./cart.html">去购物车结算</a>
					</div>
				</div>
			</div>
	</div>

    <div class="wrap">
        <div class="wrap-head">
            <a class="classify">首页<i></i></a>
            <a class="classify">所有分类<i></i></a>
        </div>
        <div class="selector">
            <div class="selector-head">
                <p>商品筛选</p>
                <span>搜索到0件商品</span>
            </div>
            <ul>
                <li>
                    <p>品牌</p><i><a>安踏</a></i><i><a>ANTA PLUS</a></i><i><a>安踏儿童</a></i>
                </li>
                <li>
                    <p>大类</p><i><a>鞋类</a></i><i><a>服装</a></i><i><a>配件</a></i>
                </li>
                <li>
                    <p>性别</p><i><a>男</a></i><i><a>女</a></i><i><a>中性</a></i>
                </li>
                <li>
                    <p>类别</p><i><a>跑鞋</a></i><i><a>篮球鞋</a></i><i><a>休闲鞋</a></i><i><a>板鞋</a></i><i><a>综训鞋</a></i><i><a>足球鞋</a></i><i><a>户外鞋</a></i><i><a>滑雪服</a></i><i><a>针织外套</a></i>
                </li>
                <li>
                    <p>系列</p><i><a>跑步系列</a></i><i><a>篮球系列</a></i><i><a>生活系列</a></i><i><a>综训系列</a></i><i><a>足球系列</a></i><i><a>户外系列</a></i><i><a>网球系列</a></i><i><a>时尚系列</a></i><i><a>COC系列</a></i>
                </li>
                <li>
                    <p>年份</p><i><a>2019</a></i><i><a>2018</a></i><i><a>2017</a></i><i><a>2016</a></i><i><a>2015</a></i>
                </li>
                <li>
                    <p>季节</p><i><a>冬季</a></i><i><a>秋季</a></i><i><a>夏季</a></i><i><a>春季</a></i>
                </li>  
            </ul>
        </div>
        <div class='filter_list'>
            <div class="list_sort fl"><a>综合排序</a><a>销售</a><a>价格</a></div>
            <div class="list_activity fl">
                <p><input type="checkbox"><a>送券</a></p>
                <p><input type="checkbox"><a>赠品</a></p>
                <p><input type="checkbox"><a>免邮</a></p>
                <p><input type="checkbox"><a>搭配</a></p>
                <p><input type="checkbox"><a>领券</a></p>
                <p><input type="checkbox"><a>减价</a></p>
            </div>     
            <div class="list_search fl">
                <input type="text" placeholder="在结果中搜索">
                <a>确认</a>
            </div>
            <div class="filter_page">
                <span class="begin">1</span> / <span class="end">50</span>
                <a class="toNext" href="js:"></a>
                <a class="toPrev" href="js:"></a>
            </div>     
        </div>
    </div>

    <div class="listBox">
        <div class="list">
            <!-- <div class="list-item">
                <a><img src='https://anta-cn-web.obs.myhwclouds.com/goods/91915519/zt-91915519.jpg?x-image-process=image/resize,w_220,h_220'></a>
                <p><a></a></p>
                <div class="item-price">￥<span>299</span></div>
                <div class="item-title">跑鞋</div>
                <div class="buy">
                    <a class="buyNow"><i></i><span>立即购买</span></a>
                    <a class="addCart"><span>加入购物车</span><i></i></a>
                </div>
            </div> -->
        </div>
        <div class="pagination">
            <!-- <a class="page-item">1</a> -->
            <div class="page-select">
                <span>向第</span>
                <input class="whichPage" type="text">
                <span>页</span>
                <input class="toPage" type="button" value="跳转">
            </div>
            <p class="page-next">下一页</p>
        </div>
    </div>

    <div class="footer">
			<ul>
				<li>
					<ul>
						<li class="title"><a href="js:">用户指南</a></li>
						<li><a href="js:">新用户注册</a></li>
						<li><a href="js:">购物流程</a></li>
						<li><a href="js:">尺码对照表</a></li>
						<li><a href="js:">支付方式</a></li>
						<li><a href="js:">包装形式</a></li>
						<li><a href="js:">配送方式</a></li>
						<li><a href="js:">配送费用</a></li>
					</ul>
				</li>
				<li>
					<ul>
						<li class="title"><a href="js:">会员政策</a></li>
						<li><a href="js:">积分政策</a></li>
						<li><a href="js:">会员政策</a></li>
						<li><a href="js:">用户协议</a></li>
						<li><a href="js:">发票制度</a></li>
					</ul>
				</li>
				<li>
					<ul>
						<li class="title"><a href="js:">售后服务</a></li>
						<li><a href="js:">订单查询</a></li>
						<li><a href="js:">快递查询</a></li>
						<li><a href="js:">退换货政策</a></li>
						<li><a href="js:">退换货流程</a></li>
						<li><a href="js:">退款方式</a></li>
					</ul>
				</li>
				<li>
					<ul>
						<li class="title"><a href="js:">联系我们</a></li>
						<li><a href="js:">企业团购</a></li>
						<li><a href="js:">商务合作</a></li>
					</ul>
				</li>
			</ul>
			<div class="connect">
				<h4>在线咨询</h4>
				<p></p>
				<a>
					<i></i>
					<span>在线客服</span>
				</a>
				<h4>微信咨询</h4>
				<li></li>
			</div>
			<div class='bottom'>
				<div class="list1">
					<span class="copyright">COPYRIGHT 2012-2019</span>
					<span class="company-name">厦门安踏电子商务有限公司</span>
					<a href="javascript:;" class="police-img"><img src="http://image03.anta.cn/sources/NewEdition/2015newimages/police_black.jpg" class="loading"></a>
					<span class="company-icp">闽ICP备11020421号</span>
				</div>
				<div class="list2">
					<a href="js:">营业执照</a>
					<a href="js:">开户许可证</a>
					<a href="js:">网站地图</a>
					<a href="js:">标签</a>
					<a href="js:">友情链接</a>
				</div>
			</div>
	</div>

    <script src="./js/common.js"></script>
    <script src="./js/category.js"></script>
</body>
</html>